<template>
  <view>
    <view class="smart-page-head">
      <view class="smart-page-head-title">textarea,多行文本</view>
    </view>
    <view class="smart-padding-wrap">
      <view>输入区域高度自适应，不会出现滚动条</view>
      <textarea class="text-area" auto-height />
      <view>占位符字体是红色的</view>
      <textarea class="text-area" placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
    }
	},
	methods:{
  },
  }
</script>

<style>
	.text-area{
		border: 1px solid #d8d8d8;
		width: 100%
		line-height 60rpx;
	}

</style>